<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>水利造价信息网</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/zaojiazb.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>    
    <script src="https://cdn.bootcdn.net/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>
</head>
<body>
    <div class="header">
        <div class="links">
            <a href="javascript:;">通知公告</a>
            <a href="./wenjian.html">文件规范</a>
            <a href="./zjxx.html">造价信息</a>
            <a href="" class="active">造价指标</a>
            <a href="./shuili.html" >水利专题</a>
            <a href="javascript:;">联系电话</a>
            <a href="javascript:;">造价指标4</a>
        </div>
        <div class="icon">
            <img src="./imgs/fenlei.png" id="fenlei" alt="" class="header-icon">
        </div>
    </div>
    <div class="banner">
        <img src="./imgs/zaojia.png" alt="">
    </div>
    <div class="tabs zaojia">
        <div class="tab active">造价指标</div>
        <div class="tab">补充定额</div>
        <div class="tab">定额应用</div>
    </div>
    <div class="content">
        <!-- 列表样式 -->
        <div class="lists" id="list" >
            <div class="list">
                <div class="list-title">
                    【分类1】发改价格【2006】1352号 水利水电收费标准全
                    国地质灾害工程造价执行【2019】最新编制规定与...
                </div>
                <div class="list-info">
                    编辑：<span>小米</span>
                    发布：<span>2021-06-05</span>
                    浏览：<span>4465</span>
                </div>
            </div>
            <div class="list">
                <div class="list-title">
                    【分类1】发改价格【2006】1352号 水利水电收费标准全
                    国地质灾害工程造价执行【2019】最新编制规定与...
                </div>
                <div class="list-info">
                    编辑：<span>小米</span>
                    发布：<span>2021-06-05</span>
                    浏览：<span>4465</span>
                </div>
            </div>
            <div class="list">
                <div class="list-title">
                    【分类1】发改价格【2006】1352号 水利水电收费标准全
                    国地质灾害工程造价执行【2019】最新编制规定与...
                </div>
                <div class="list-info">
                    编辑：<span>小米</span>
                    发布：<span>2021-06-05</span>
                    浏览：<span>4465</span>
                </div>
            </div>
            <div class="list">
                <div class="list-title">
                    【分类1】发改价格【2006】1352号 水利水电收费标准全
                    国地质灾害工程造价执行【2019】最新编制规定与...
                </div>
                <div class="list-info">
                    编辑：<span>小米</span>
                    发布：<span>2021-06-05</span>
                    浏览：<span>4465</span>
                </div>
            </div>
            <div class="list">
                <div class="list-title">
                    【分类1】发改价格【2006】1352号 水利水电收费标准全
                    国地质灾害工程造价执行【2019】最新编制规定与...
                </div>
                <div class="list-info">
                    编辑：<span>小米</span>
                    发布：<span>2021-06-05</span>
                    浏览：<span>4465</span>
                </div>
            </div>
            <div class="list">
                <div class="list-title">
                    【分类1】发改价格【2006】1352号 水利水电收费标准全
                    国地质灾害工程造价执行【2019】最新编制规定与...
                </div>
                <div class="list-info">
                    编辑：<span>小米</span>
                    发布：<span>2021-06-05</span>
                    浏览：<span>4465</span>
                </div>
            </div>
        </div>
        <!-- 造价指标 -->
        <div class="target" id="target" style="display: none;">
            <div class="item img-left">
                <img src="./imgs/shou.png" class="item-img" alt="">
                <div class="item-content">
                    <div class="item-title text-over1">标题标题标题标题标题标题</div>
                    <div class="item-desc text-over2">通过集成所有EP2000系统、在线填报周报月报、安全质量隐患排查治理...</div>
                    <div class="item-btn">查看更多+</div>
                </div>
            </div>
            <div class="item img-right">
                <div class="item-content">
                    <div class="item-title text-over1">标题标题标题标题标题标题</div>
                    <div class="item-desc text-over2">通过集成所有EP2000系统、在线填报周报月报、安全质量隐患排查治理...</div>
                    <div class="item-btn">查看更多+</div>
                </div>
                <img src="./imgs/shou.png" class="item-img" alt="">
            </div>
            <div class="item img-left">
                <img src="./imgs/shou.png" class="item-img" alt="">
                <div class="item-content">
                    <div class="item-title text-over1">标题标题标题标题标题标题</div>
                    <div class="item-desc text-over2">通过集成所有EP2000系统、在线填报周报月报、安全质量隐患排查治理...</div>
                    <div class="item-btn">查看更多+</div>
                </div>
            </div>
        </div>
    </div>
    <div class="pagination">
        <div class="handle-btn" id="prev">上一页</div>
        <div class="active number">1</div>
        <div class="number">2</div>
        <div class="number">3</div>
        <div>...</div>
        <div class="handle-btn" id="next">下一页</div>
    </div>
    <div style="height: 60px"></div>
    <div class="tabbar">
        <a class="bar active">
            <img src="./imgs/home.png" style="display: none;" alt="">
            <img src="./imgs/home2.png" alt="">
            <div>首页</div>
        </a>
        <a class="bar">
            <img src="./imgs/huiyuan.png" alt="">
            <img src="./imgs/huiyuan2.png" style="display: none;" alt="">
            <div>会员中心</div>
        </a>
        <a class="bar">
            <img src="./imgs/zixun.png" alt="">
            <img src="./imgs/zixun2.png" style="display: none;" alt="">
            <div>在线咨询</div>
        </a>
        <a class="bar">
            <img src="./imgs/kt.png" alt="">
            <img src="./imgs/kt2.png" style="display: none;" alt="">
            <div>在线课堂</div>
        </a>
    </div>
    <script src="./js/index.js"></script>
    <script src="./js/layer_mobile/layer.js"></script>
    <!-- https://layer.layui.com/mobile/ layer移动端 -->
</body>
</html>